<!--
 * @Author: LBH 1336709799@qq.com
 * @Date: 2024-11-04 20:43:56
 * @LastEditors: LBH 1336709799@qq.com
 * @LastEditTime: 2024-11-05 08:32:40
 * @FilePath: \MeiYou\index.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 顶部 -->
    <div class="header wrapper">
        <div class="logo">
            <!-- 超链接 -->
            <h1><a href="#">品优购</a></h1>
        </div>
    </div>
    <!-- 中间 -->
    <div class="banner">
        <div class="login">
            <div class="loginBox">
                <div class="LoginPart">
                    <p>扫描登录</p>
                    <p style="color: red;">账户登录</p>
                </div>
                <div class="loginWarn">
                    <p>公共场所不建议自动登录,以免账号丢失</p>
                </div>
                <div class="input">
                    <div class="user">
                        <span class="userimg"><img src="./images/zh.png" alt=""></span>
                        <input type="text" placeholder="邮箱/用户名/手机号">
                    </div>
                    <div class="pass">
                        <span class="passimg"><img src="./images/pw.png" alt=""></span>
                        <input type="text" placeholder="请输入密码">
                    </div>             
                </div>
                <span class="isLogin">
                    <label for="自动登录" style="color: rgb(130, 128, 128)"><input type="checkbox" >自动登录</label>
                    <span class="text">忘记密码?</span>
                </span>
                <div class="button">
                    <button>登 录</button>
                </div>
                <span class="howLogin">
                    <span class="image">
                        <img src="./images//icon1.png" alt="">
                        <img src="./images//icon2.png" alt="">
                        <img src="./images//icon3.png" alt="">
                        <img src="./images//icon4.png" alt="">
                    </span>
                    <span class="bottom" style="color: rgb(63, 126, 180);">立即注册</span>
                </span>
                
            </div>
        </div>    
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="wrapper">
            <div class="copyright">
                <p>
                    <a href="#">关于我们</a>|
                    <a href="#">联系我们</a>|
                    <a href="#">联系客服</a>|
                    <a href="#">商家入驻</a>|
                    <a href="#">营销中心</a>|
                    <a href="#">手机品优购</a>|
                    <a href="#">友情链接</a>
                    <a href="#">销售联盟</a>  
                    <a href="#">品优购社区</a>  
                    <a href="#">品优购公益</a>  
                    <a href="#">English Site</a>  
                    <a href="#">Contact U</a>            
                </p>         
                  <p>地址: 北京市昌平区建材城西路金燕龙办公楼一层 邮编:100096 
                    电话: 400-618-4000 传真:010-82935100 邮箱:zhanghj+itcast.cn</p>
                  <p>京ICP备08001421号京公网安备 110108007702</p>
            </div>
        </div>
    </div>

</body>
</html>